.pbgl{}
.pbgl .head{ display: flex}

.pbgl .monthWrap{ 
overflow: hidden;  
  display: inline-block; flex:1}
.pbgl .monthWrap .monthList{
  width:100%;
  transition: left 2s ease-in-out; position: relative;}  
.pbgl .monthWrap  .monthList .title>div,
.pbgl .memberName .title{     padding:5px 10px;display: inline-block; text-align: center;box-sizing: border-box  }

.pbgl .monthWrap  .monthList .table .contentWrap .item >div,
.pbgl .memberName  .wrap>div{  
    border-top: 1px solid #EEF5F7;
    border-right: 1px solid #EEF5F7; 
    height:100px
}
.pbgl .monthWrap  .monthList .table .contentWrap .item:nth-child(2n),
.pbgl .memberName  .wrap>div:nth-child(2n){ background: #EBF4FB}

.pbgl  i{position: absolute;width:30px;height:30px;display: inline-block;background-repeat: no-repeat; cursor: pointer}
.pbgl  .left{background-image: url('../assets/Fh_zbgl/left.svg');}
.pbgl  .right{background-image: url('../assets/Fh_zbgl/right.svg')}


.pbgl .monthWrap  .monthList .table{}  

.pbgl .monthWrap  .monthList .table .contentWrap >.item {
    display: flex !important;
  flex-wrap: nowrap;
    justify-content: space-between;
}

.pbgl .monthWrap  .monthList .table .contentWrap .item >div p{    margin: 10px;
    box-sizing: border-box;
     white-space: normal;
    word-wrap: break-word;}

 